/**
 * @description  场外基金指令(赎回规则)
 * @author shenhong
 */
import React, { PureComponent } from 'react';
import { Row } from 'antd';
import { NoDataC, NoDataMaskC } from '../../../../comps';
import style from '../index.less';
class Redeem extends PureComponent {
  constructor() {
    super();
    this.state = {};
  }

  render() {
    const { info } = this.props;
    const redeemlist = info != undefined && info != null ? info.redeemlist : [];
    return (
      <div className={style.fundInfo2} style={{ position: 'relative' }}>
        <div>
          {redeemlist && redeemlist !== null && redeemlist.length ? (
            redeemlist.map((item, index) => {
              return (
                <Row key={index}>
                  <span>{`${item}`}</span>
                </Row>
              );
            })
          ) : (
            <NoDataC />
          )}
        </div>
        {info !== undefined ? null : <NoDataMaskC height={'100%'} title='请选择基金代码，加载数据' />}
      </div>
    );
  }
}

export default Redeem;
